<!doctype html>
<html lang="">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" href="/favicon.ico" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>RustU</title>
        <script
            type="module"
            crossorigin
            src="/assets/js/index-DHDiCos2.js"
        ></script>
        <link
            rel="stylesheet"
            crossorigin
            href="/assets/css/index-DMc-5SPu.css"
        />
    </head>
    <body class="mt-3">
        <div class="container-fluid">
            <!-- 移动端顶部导航栏 -->
            <nav class="navbar navbar-light bg-light d-md-none fixed-top">
                <div class="container-fluid">
                    <a class="navbar-brand" href="#">Rust U</a>
                    <button
                        class="navbar-toggler"
                        type="button"
                        data-bs-toggle="offcanvas"
                        data-bs-target="#offcanvas"
                    >
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </div>
            </nav>

            <div class="row">
                <!-- 侧边栏 - 桌面端显示 -->
                <div class="col-md-2 col-lg-1 d-none d-md-block">
                    <div
                        class="sticky-top"
                        style="padding-top: 20px; z-index: 1000"
                    >
                        <div
                            class="d-flex flex-md-column align-items-start gap-3 p-3"
                        >
                            <a
                                class="btn btn-primary w-100 text-start"
                                data-bs-toggle="offcanvas"
                                style="
                                    box-shadow: 5px 5px 3px
                                        hsla(209, 77%, 72%, 0.5);
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                "
                                href="#offcanvas"
                                role="button"
                                aria-controls="offcanvas"
                            >
                                <i class="bi bi-list me-1">菜单</i>
                            </a>
                            <a
                                class="btn btn-success w-100 text-start"
                                style="
                                    box-shadow: 5px 5px 3px
                                        hsla(120, 61%, 50%, 0.5);
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                "
                                href="/toupload"
                                role="button"
                            >
                                <i class="bi bi-upload me-1">上传</i>
                            </a>
                            <a
                                class="btn btn-warning w-100 text-start"
                                style="
                                    box-shadow: 5px 5px 3px
                                        hsla(45, 100%, 51%, 0.5);
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                "
                                href="/market"
                                role="button"
                            >
                                <i class="bi bi-shop me-1">今日情报站</i>
                            </a>
                            <a
                                class="btn btn-warning w-100 text-start"
                                style="
                                    box-shadow: 5px 5px 3px
                                        hsla(45, 100%, 51%, 0.5);
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                "
                                href="/market/management"
                                role="button"
                            >
                                <i class="bi bi-shop me-1">情报站管理</i>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- 主内容区 -->
                <div class="col-12 col-md-10 col-lg-11">
                    <!-- 移动端浮动按钮 -->
                    <div
                        class="d-md-none fixed-bottom mb-3 me-3"
                        style="z-index: 1050"
                    >
                        <div class="d-flex justify-content-end gap-2">
                            <a
                                class="btn btn-success btn-sm rounded-circle"
                                href="/upload"
                                role="button"
                                style="width: 50px; height: 50px"
                                title="上传"
                            >
                                <i class="bi bi-upload"></i>
                            </a>
                            <a
                                class="btn btn-warning btn-sm rounded-circle"
                                href="/market"
                                role="button"
                                style="width: 50px; height: 50px"
                                title="市场"
                            >
                                <i class="bi bi-shop"></i>
                            </a>
                        </div>
                    </div>

                    <div class="container-fluid mt-3 mt-md-0">
                        <div class="row">
                            <div id="app" class="px-0 px-md-3"></div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 底部信息 -->
            <footer class="mt-5 py-3 bg-light">
                <div class="container-fluid">
                    <div class="row justify-content-center">
                        <div class="col-12 text-center">
                            <p style="font-size: 0.75rem" class="mb-0">
                                粤公网安备44011802000978号 ICP备案：
                                粤ICP备2024315825号-1&copy; 2024 你我同锈. All
                                rights reserved.
                            </p>
                        </div>
                    </div>
                </div>
            </footer>
        </div>

        <!-- 侧边栏内容 -->
        <div
            class="offcanvas offcanvas-start"
            tabindex="-1"
            id="offcanvas"
            aria-labelledby="offcanvasLabel"
        >
            <div class="offcanvas-header">
                <h5 class="offcanvas-title" id="offcanvasLabel">
                    <i class="bi bi-code-slash me-2"></i>Rust U
                </h5>
                <button
                    type="button"
                    class="btn-close text-reset"
                    data-bs-dismiss="offcanvas"
                    aria-label="Close"
                ></button>
            </div>
            <div class="offcanvas-body">
                <div style="font-size: 0.9rem; line-height: 1.5">
                    <p class="mb-3">
                        Rustu.fun 是一个以学习<a
                            href="https://www.rust-lang.org"
                            class="text-decoration-none"
                            >Rust</a
                        >为目的的网站，主要发布rust语言学习内容（目前这个目标还未实现），将来我们会上传更多关于Rust学习相关的内容。
                    </p>
                    <p class="mb-3">
                        Rust
                        语言正在快速以惊人的速度快速发展，它是系统级语言，但是也可以完全胜任其他领域工作，例如web,
                        前端（wasm），嵌入式（rust官网说明），区块链（Solana）。它的速度完全
                        可以媲美C/C++，并且比它们更加安全。目前rust已经进入windows系统，Linux系统内核中，在云服务基础设施中也大有作为,
                        华为、Google、亚马逊、微软等均是Rust的会员。
                    </p>
                    <p class="mb-3">
                        Rust是一门年轻的语言,从 2009 年开始，得到了 Mozilla
                        研究院的支助，2010 年项目对外公布，终于在 2015 年 5 月
                        15日发布了 1.0
                        版,并连续多年获得"最受喜爱编程语言"荣誉。它在<a
                            href="https://www.tiobe.com/tiobe-index/"
                            class="text-decoration-none"
                            >TOBIE</a
                        >
                        中的排名马上进入前十！你能忽视它吗？既然无法忽视就一起学习它吧。
                    </p>
                    <p class="mb-3">
                        Rustu
                        是基于Axum实现的blog系统，markdown文档作为最基本的知识单元。上传markdown文档即刻展示你的内容
                    </p>
                    <div class="mt-4">
                        <p class="fw-bold mb-2">相关链接：</p>
                        <div class="d-grid gap-2">
                            <a
                                href="https://gitee.com/SnailCoder/axum-hello"
                                class="btn btn-outline-primary btn-sm text-start"
                            >
                                <i class="bi bi-git me-1"></i>后端代码
                            </a>
                            <a
                                href="https://gitee.com/SnailCoder/rustu-vue"
                                class="btn btn-outline-primary btn-sm text-start"
                            >
                                <i class="bi bi-git me-1"></i>前端代码
                            </a>
                            <a
                                href="/me"
                                class="btn btn-outline-secondary btn-sm text-start"
                            >
                                <i class="bi bi-person me-1"></i>关于作者
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Bootstrap Icons -->
        <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css"
        />

        <style>
            /* 响应式调整 */
            @media (max-width: 767.98px) {
                body {
                    padding-top: 56px; /* 为固定导航栏留出空间 */
                    padding-bottom: 80px; /* 为浮动按钮留出空间 */
                }

                #app {
                    padding: 0 10px;
                }
            }

            @media (min-width: 768px) and (max-width: 991.98px) {
                .col-md-2 {
                    max-width: 180px;
                }
            }

            @media (min-width: 992px) {
                .col-lg-1 {
                    max-width: 100px;
                }
            }

            /* 按钮悬停效果 */
            .btn {
                transition: all 0.3s ease;
            }

            .btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
            }

            /* 侧边栏链接样式 */
            .offcanvas-body a {
                transition: all 0.2s ease;
            }

            .offcanvas-body a:hover {
                background-color: #f8f9fa;
            }
        </style>
    </body>
</html>
